<template>
  <div class="full-page">
    <h3>ShengyaUi</h3>
    <div style="margin: 15px; padding: 15px;">
      <ul class="fl" style="width: 150px">
        <li>
          <router-link to="/syui/wap">wap</router-link>
          <ul style="padding-left: 10px">
            <!--<li><router-link to="/syui/wap/navContainer/demo1">NavContainer</router-link></li>-->
            <li><router-link to="/syui/wap/input">Input</router-link></li>
            <li><router-link to="/syui/wap/swipe">Swipe</router-link></li>
          </ul>
        </li>
        <li>
          <router-link to="/syui/pc">pc</router-link>
          <ul style="padding-left: 10px">
            <li><router-link to="/syui/pc/json">Json</router-link></li>
            <li><router-link to="/syui/pc/device">Device</router-link></li>
          </ul>
        </li>
        <li><router-link to="/syui/layout">Layout</router-link></li>
        <li><router-link to="/syui/loadingBar">LoadingBar</router-link></li>
        <li><router-link to="/syui/scroll">Scroll</router-link></li>
        <li><router-link to="/syui/slide">Slide</router-link></li>
        <li><router-link to="/syui/marqueeNotice">MarqueeNotice</router-link></li>
        <li><router-link to="/syui/rollNotice">RollNotice</router-link></li>
        <li><router-link to="/syui/toMask">ToMask</router-link></li>
        <li>
          <router-link to="/syui/dialog">Dialog</router-link>
          <ol style="padding-left: 10px">
            <li><router-link to="/syui/dialog/messageDialog">MessageDialog</router-link></li>
            <li><router-link to="/syui/dialog/toastDialog">ToastDialog</router-link></li>
            <li><router-link to="/syui/dialog/actionSheetDialog">ActionSheetDialog</router-link></li>
          </ol>
        </li>
        <li>
          <router-link to="/syui/picker">Picker</router-link>
          <ol style="padding-left: 10px">
            <li><router-link to="/syui/picker/datePicker">DatePicker</router-link></li>
          </ol>
        </li>
        <li><router-link to="/syui/cascadeSelect">CascadeSelect</router-link></li>
        <li><router-link to="/syui/radio">Radio</router-link></li>
        <li><router-link to="/syui/checkbox">Checkbox</router-link></li>
        <li><router-link to="/syui/icon">Icon</router-link></li>
        <li><router-link to="/syui/backTop">BackTop</router-link></li>
        <li><router-link to="/syui/imgCropper">ImgCropper</router-link></li>
      </ul>
      <div style="overflow: hidden">
        <router-view/>
      </div>
    </div>
  </div>
</template>
